Programmation Client II¶

Strings template¶

Strings template¶

Comment nous créons des strings¶

Double quotes¶

let message = "Ceci est un petit texte";

Simple quotes¶

let message = 'Ceci est un autre petit texte';

Mais, nous pouvons demander de mieux¶

  1. Un string qui contient un text avec plusieurs lignes

  2. Un string qui permet de remplacer façilement une variable

Les templates literals font tout ça!¶

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

let message = `Ceci est un texte normal`;

Un string qui contient un text avec plusieurs lignes¶

let multiLineMessage = `un
deux
trois`;
console.log(multiLineMessage)
In [20]:
let multiLineMessage = `un
deux
trois`;
console.log("->" + multiLineMessage + "<-");
Out[20]:
->un
deux
trois<-

Un string qui permet de remplacer façilement une variable¶

let name = "Colette"
let message = `Bonjour ${name}`;
console.log(message)
In [21]:
let name = "Colette"
let message = `Bonjour ${name}`;
console.log(message)
Out[21]:
Bonjour Colette
In [22]:
let name = "Colette"
let anneeCourrante = 2023;
let anneeDeNaissance = 1947;
let message = `Bonjour ${name}, vous avez ${anneeCourrante - anneeDeNaissance} années`;
console.log(message)
Out[22]:
Bonjour Colette, vous avez 76 années
In [23]:
let message = `Ceci est totallement \${foo}`;
console.log(message)
Out[23]:
Ceci est totallement ${foo}

Strings exercices¶

  1. Écrire un string qui représente
                #
               ###
              #####
             #######
            #########

Écrire un string

Bonjour, mon nom est André André et j'habite Laval.  J'ai 3 chars.

Pour

{
  firstName: "André",
  lastName: "André",
  city: "Laval",
  cars: ["civic", "mustang", "F150"],
}